<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="./framework/font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="./framework/reset.css">
		<link rel="stylesheet" href="./css/login.css">
		<title>东软环保公众监督系统-公众监督员端-登录</title>
		<script src="js/base.js"></script>
	</head>
	<body>
		<!-- 总容器 -->
		<div class="wrapper">
			<!-- 头部 -->
			<header>
				<img src="./img/bgtop.png">
			</header>

			<!-- 标题 -->
			<h1>东软环保公众监督系统</h1>
			<div class="title">
				<p></p>
				<p>公众监督员端</p>
				<p></p>
			</div>

			<!-- 登录表单 -->
			<section>
				<div class="input-box">
					<i class="fa fa-user-o"></i>
					<input id="telId" type="text" placeholder="输入手机号">
				</div>
				<div class="input-box">
					<i class="fa fa-lock"></i>
					<input id="password" type="password" placeholder="输入登录密码">
				</div>
				<div class="reg-box">
					<p onclick="location.href='register.html'">注册</p>
					<p>忘记密码?</p>
				</div>
				<div class="button-box" onclick="login()">登录</div>
			</section>
		</div>
	</body>
</html>

<script>
	function login() {
		let telId = document.getElementById("telId").value;
		let password = document.getElementById("password").value;
		let url = "http://localhost:8080/supervisor/SignIn"
		let json = {};
		json.telId = telId;
		json.password = password;
		rest(url, "post", json, function(r) {
			if (r.ok) {
				let token = r.data.token;
				localStorage.setItem("token", token);

				alert("登录成功");
				location.href = 'selectGrid.html';
			} else {
				alert("登录失败");
			}
		})

	}
</script>